@mixin page4-box($w, $h, $bgc:transparent) {
    width: $w;
    height: $h;
    background-color: $bgc;
}
*{
    margin: 0;
    border: 0;
    .web{
        margin: 0 auto;
        @include page4-box(1000px,4900px ,transparent );
        main{
            position: relative;
            @include page4-box(1000px,4114px ,transparent);
            .location{
                display: flex;
                position: absolute;
                top: 45px;
                left: 51px;
                border-top: 1px solid #6db6ff;
                @include page4-box(900px,30px , white);
                .local-left{
                    position: relative;
                    line-height: 30px;
                    font-style: 16px;
                    color:#fff; 
                    @include page4-box(66px,30px ,#6db6ff );
                }
                .local-left::after{
                    content: "";
                    position: absolute;
                    left: 66px;
                    top: 0px;
                    border-color: transparent transparent transparent #6db6ff;
                    border-style: solid;
                    border-width: 0 0 30px 14px;
                }
                .local-right {
                    width: 834px;
                    height: 30px;
                    line-height: 30px;
                    font-style: 16px;
                    text-indent: 0.5em;
                  }
            }
            .company_name{
                display: flex;;
                position: absolute;
                flex-direction: column;
                justify-content:space-between ;
                align-items: center;
                text-align: center;
                top: 123px;
                left: 356px;
                @include page4-box(291px,31px ,transparent );
                .name_ch{
                    display: flex;
                    @include page4-box(233px, 19px,transparent );
                    p{
                        font-size: 17px;
                        font-weight: bold;
                        letter-spacing: 0px;
                        color: #000000;
                    }
                }
                .name_en{
                    display: flex;
                    
                    @include page4-box(291px,10px ,transparent );
                    background-image: url(../img/page4/guangdongdingsouwangqiyeguanliyouxiangongsi.png);
                }
            }
            .blue_line{
                position:absolute;
                top: 161px;
                left: 421px;
                border-bottom: 1px solid skyblue;
                @include page4-box(157px,4px ,transparent );
            }
            .company-profile {
                position: absolute;
                top: 205px;
                left: 124px;
                border-top: 1px solid #6db6ff;
                text-align: center;
                @include page4-box(751px,38px ,transparent );
                .cp-cn{
                    font-weight: bold;
                    line-height: 30px;
                    font-style: 16px;
                }
                .cp-en{
                    font-weight: bold;
                    display: inline-block;
                    font-size: 9px;
                }
            }
            .company-profile::before {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                border-color: transparent transparent transparent #6db6ff;
                border-style: solid;
                border-width: 0 0 38px 15px;
            }
            .company-profile::after {
                content: "";
                position: absolute;
                right: 0;
                top: 0;
                border-color: #6db6ff transparent transparent;
                border-style: solid;
                border-width: 38px 0 0 15px;
              }
              .company_intro{
                  position: absolute;
                  top: 272px;
                  left: 124px;
                  @include page4-box(751px,137px ,transparent);
                  background-image: url(../img/page4/广州鼎搜网企业管理服务有限公司广州鼎搜网企业管理服务有限公司成立于2014年10月，公司秉承诚信为鼎.png);
              }
              .cover_pic1{
                  position: absolute;
                  top: 424px;
                  left: 124px;
                  @include page4-box(751px,458px ,transparent);
                  background-image: url(../img/page4/色彩平衡1.png);
              }
              .company-vision{
                  position: absolute;
                  align-items: center;
                  text-align: center;
                  top: 905px;
                  left: 124px;
                  border-bottom: 1px solid #6db6ff;
                  @include page4-box(751px,38px ,transparent );
                  .cv-cn{
                    font-weight: bold;
                    line-height: 15px;
                  font-size: 16px;
                }
                .cv-en{
                    font-weight: bold;
                    display: inline-block;
                    font-size: 9px;
                }
              }
              .company-vision::before {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                border-color: transparent transparent #6db6ff transparent;
                border-style: solid;
                border-width: 0 15px 38px 0;
              }
              .company-vision::after {
                content: "";
                position: absolute;
                right: 0;
                top: 0;
                border-color: transparent transparent #6db6ff transparent;
                border-style: solid;
                border-width: 0 0 38px 15px;
              }
              .vision_text{
                  display: flex;
                  position: absolute;
                  text-align: center;
                  top: 967px;
                  left: 127px;
                  @include page4-box(754px,36px ,transparent );
                  p{
                    font-family: MicrosoftYaHei;
                    font-size: 12px;
                    font-weight: normal;
                    font-stretch: normal;         
                    letter-spacing: 0px;
                    color: #000000;
                  }
              }
              .vision_pic{
                  position: absolute;
                  top: 1020px;
                  left: 123px;
                  background-image: url(../img/page4/诚信共赢.png);
                  @include page4-box(752px,424px ,transparent );
              }
            .company_mission{
                position: absolute;
                top: 1472px;
                left: 124px;
                @extend.company-profile;
                .cm-cn{
                    font-weight: bold;
                    line-height: 15px;
                  font-size: 16px;
                }
                .cm-en{
                        font-weight: bold;
                        display: inline-block;
                    font-size: 9px;
                }
            }  
            .mission_text1{
                position: absolute;
                top: 1529px;
                left: 402px;
                @include page4-box(190px,14px ,);
                p{
                    font-family: MicrosoftYaHei;
                    font-size: 13px;
                    font-weight: normal;
                    font-stretch: normal;
                    letter-spacing: 0px;
                    color: #000000;
                }
            }
            .mission_text2{
                position: absolute;
                top: 1556px;
                left: 126px;
                @include page4-box(744px,36px ,transparent );
                p{
                    font-family: MicrosoftYaHei;
                    font-size: 12px;
                    font-weight: normal;
                    font-stretch: normal;
                    letter-spacing: 0px;
                    color: #000000;
                }
            }
            .mission_pic{
                position: absolute;
                top: 1605px;
                left: 123px;
                @include page4-box(751px,512px ,transparent );
                background-image: url(../img/page4/诚信共赢.png);
            }
            .company_team{
                top: 2139px;
                @extend.company-vision;
                .ct-cn{
                    font-weight: bold;
                    font-size: 16px;
                }
                .ct-en{
                    font-weight: bold;
                    font-size: 9px;
                }
            }
            .company_team_text{
                position: absolute;
                top: 2208px;
                left: 124px;
                @include page4-box(708px,13px ,transparent );
                p{
                   font-family: MicrosoftYaHei;
	                 font-size: 12px;
	            font-weight: normal;
	             font-stretch: normal;
	             letter-spacing: 0px;
	                color: #000000;
                }
            }
            .company_team_pic{
                position: absolute;
                top: 2245px;
                left: 124px;
                @include page4-box(751px,503px ,gold );
                background-image: url(../img/page4/5325a56ecb549.png);
            }
            .company_culture{
                top: 2779px;
                @extend.company-profile;
                .cc-cn{
                    font-weight: bold;
                    font-size: 16px;
                }
                .cc-en{
                    font-weight: bold;
                    font-size: 9px;
                }
            }
            .company_culture_text1{
                position: absolute;
                top: 2832px;
                left: 446px;
                @include page4-box(99px,69px ,transparent );
                p{
                    font-size: 14px;
                    color: #393939;
                    font-family: MicrosoftYaHei;
                    line-height: 18px;
                    letter-spacing: 0;
                    font-weight: normal;
	                font-stretch: normal;
                }
              }
            .company_culture_text2{
                position: absolute;
                top: 2910px;
                left: 125px;
                @include page4-box(696px,13px ,transparent);
                p{
                        font-family: MicrosoftYaHei;
                        font-size: 12px;
                        font-weight: normal;
                        font-stretch: normal;
                        line-height: 9px;
                        letter-spacing: 0px;
                        color: #393939;
                }
            }
            .company_culture_pic{
                position: absolute;
                top: 2934px;
                left: 123px;
                @include page4-box(753px,459px ,gold );
                background-image: url(../img/page4/53b58PIC5Tp.png);
            }
            .company_ecv{
                top: 3414px;
                @extend.company-vision;
                .ccul-cn{
                    font-weight: bold;
                    font-size: 16px;
                }
                .ccul-en{
                    font-weight: bold;
                    font-size: 9px;
                }
            }
            .company_ecv_text1{
                position: absolute;
                top: 3474px;
                left: 319px;
                @include page4-box(339px,104px ,transparent );
                ul{
                    li{
                            font-family: MicrosoftYaHei;
                            font-size: 13px;
                            font-weight: normal;
                            font-stretch: normal;
                            line-height: 18px;
                            letter-spacing: 0px;
                            color: #393939;
                    }
                }
            }
            .company_ecv_pic{
                position: absolute;
                top: 3594px;
                left: 124px;
               @include page4-box(752px,463px ,gold );
               background-image: url(../img/page4/1-15041Q51132Q1.png);
            }
            .page_wrap{
                display: flex;
                position: absolute;
                flex-direction: row;
                justify-content: space-between;
                text-align: center;
                top: 4079px;
                left: 412px;
                @include page4-box(167px,13px ,transparent);
                .pre_page{
                    display: flex;
                @include page4-box(42px, 13px,transparent );
                a{
                    text-decoration: none;
                    font-size: 13px;
                    color: #444444;
                    @include page4-box(42px,13px ,transparent );
                }
                a:hover{
                    color: skyblue;
                }
                }
                .mid_page{
                    display: flex;
                    @include page4-box(55px,13px ,transparent );
                    a{
                        text-decoration: none;
                        font-size: 13px;
                        color: #444444;
                        @include page4-box(55px,13px ,transparent );
                    }
                    a:hover{
                        color: skyblue;
                    }
                }
                .next_page{
                    @extend.pre_page;
                    a:hover{
                        color: skyblue;
                    }
                }
            }
            .box_spe{
                display: flex;
                position: absolute;
                bottom: 0;
                width: 1000px;
                height: 1px;
                color: skyblue;
                background-color: skyblue;
            }
        }
    }
}
